@charset "utf-8";
@import "common";
@import "header";
@import "reset";
@import "footer";

section{
    padding-top: r(89px);
    .indexlogo{
        margin :{
            top: r(14px);
            left: r(27px);
        }
        img{
            width: r(125px);
            height: r(17px);
            display: block;
        }
    }
    .mamalogo{
        margin :{
            top: r(13px);
            left: r(8px);
            
        }
        border-left:r(1px) solid $bordercolor;
        padding-left: r(7px); 
        img{
            width: r(65px);
            height: r(23px);
            display: block;
        }
    }
//  轮播区域
.banner{
    position: relative;
    .bannerwarp{
        margin-top: r(14px);
//      position: relative;
        img{
            display: block;
            width: 100%;
            height: r(306px);
        }
    }
//  轮播信息
    .bannerinfo{
        width: 100%;
        height: r(104px);
        position: absolute;
        left: 0;
        top: r(202px);
        background-color: black;
        opacity: .6;
        .textflow{
            margin-top: r(25px);
            width: r(586px);
//          box-sizing: border-box;
            font-size: r(27px);
            height: r(27px);
            color: white;
            max-height: r(27px);
            line-height: r(27px);
            display: -webkit-box;
            -webkit-box-orient: vertical;    
            -webkit-line-clamp: 1;  
            
            overflow: hidden;
            text-overflow: ellipsis;
            margin: {
                left: r(30px);
                right: r(24px);
                
            }
            
            
        }
        
        .infobottom{
            width: r(589px);    
            height: r(17px);
            font-size: 0;
            margin: {
                top: r(22px);
                left: r(30px);
                
            }
//          width
            .icon-aixin{
                color: white;
                font-size: r(17px);
            }
            .icon-CombinedShape-{
                color: white;
                font-size: r(17px);
                margin-left: r(49px);
            }
            .time{
                color: white;
                font-size: r(17px);
            }
        }
        
//      小圆点
        .bannerbar{
            width: 100%;
            position: absolute;
            height: r(10px);
            font-size: 0;
            top: r(79px);
            left: 0;
            height: r(10px);
            ul{
                text-align: center;
                .active{
                    background-color: $maincolor;
                }
                li{
                    height: r(10px);
                    width: r(10px);
                    border-radius: 50%;
                    display: inline-block;
                    margin-right: r(12px);
                    background-color: #cebdb2;
                    &:last-of-type{
                        margin-right: 0;
                    }
                }
            }
        }
        
        
    }
    
    
    
  }
 
 
  .infor{
      padding-bottom: r(35px);
//    &:first-of-type(1){
//        padding-bottom: r(35px);
//    }
      margin: {
          top: r(30px);
          left: r(29px);
      }
      .inforcell{
          width: r(581px);
//        padding-bottom: r(19px);
          border-top: r(1px) solid $bordercolor;
          margin-top: r(19px);
          padding-top: r(16px);
          
          &:first-of-type{
              border-top: none;
              margin-top: 0;
              padding-top: 0;
          }
//        左边
          .left{
              width: r(324px);
              p:first-of-type{
                  width: 100%;
                  font-size: r(24px);
                  color: black;
                  line-height: r(35px);
              }
              p:nth-of-type(2){
                  width: 100%;
                  font-size: 0;
                  height: r(21px);
                  margin-top: r(20px);
                  span{
                      font-size: r(21px);
                      color: #c5c5c5;
                  }
                  .icon-aixin{
                      color: #c5c5c5;
                  }
              }
          }
          
//        右边
          .imgwarp1{
              img{
                  width: r(208px);
                  height: r(116px);
                  display: block;
              }
          }
          .imgwarp2{
              img{
                  width: r(209px);
                  height: r(122px);
                  display: block;
              }
              
          }
          .imgwarp3{
              img{
                  width: r(209px);
                  height: r(122px);
                  display: block;
              }
              
          }
          
      }
  }
  .if2{
     padding-bottom: 0;
 }
  
//分割线
    .blodline{
        width: 100%;
        height: r(26px);
        background-color: #f5f5f5;
    }
  
//独立咨询
    .ind-info{
        width: r(583px);
        
        margin: {
            top: r(34px);
            left: r(28px);
            
        }
        p:first-of-type{
            height: r(25px);
            font-size: r(25px);
        }
        .img-sum{
            margin-top: r(18px);
            .sum-cell{
                border: {
                    left: r(1px) solid $bordercolor; 
                    right: r(1px) solid $bordercolor; 
                }
                img{
                    width: r(186px);
                    height: r(123px);
                    display: block;
                    
                }
                margin-left:r(7px);
                &:first-of-type{
                    margin-left: 0;
                }
            }
            
        }
        p:nth-of-type(2){
            margin-top: r(14px);
            width: 100%;
            font-size: 0;
            height: r(27px);
            .user{
                font-size: r(18px);
                line-height: r(27px);
                color: $fontcolor;
                img{
                    display: inline-block;
                    width: r(27px);
                    height: r(27px);
                    vertical-align: r(-7px);
                }
            }
            
            .icon-qipao1{
                font-size: r(16px);
                height: r(16px);
                margin-left: r(18px);
                margin-top: r(5px);
                color: $fontcolor;
            }
            .icon-aixin{
                font-size: r(16px);
                height: r(16px);
                margin-left: r(21px);
                margin-top: r(5px);
                color: $fontcolor;
            }
            span:last-of-type{
                font-size: r(21px);
                color: $fontcolor;
            }
            
        }
        
    }
  
  
    .moreandmore{
        a{
            font-size: r(22px);
            color: #bbbbbb;
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
        }
        width: r(583px);
        height: r(59px);
        margin-left: r(29px);
        line-height: r(59px);
        border-top: r(1px) solid $bordercolor;
        margin-bottom: r(96px);
        
    }
    
    
}


//.if2{
//  margin-top: r(0px);
//}



